<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="<?php echo base_url(); ?>css/default.css" type="text/css" rel="stylesheet" />
	<link href="<?php echo base_url(); ?>css/content.css" type="text/css" rel="stylesheet" />
    <script src="<?php echo base_url(); ?>script/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function checkComment(){
            temp=document.getElementById('name').value.replace(/ /gi, '');
            if(temp==''||document.getElementById('name').value=="Tên của bạn"){
                document.getElementById('mess').innerHTML='Hãy nhập tên';
                document.getElementById('name').innerHTML=temp;
                document.getElementById('name').focus();
                return false;
            }
            if(!check_email('email', 'mess')) return false;
            return true;
        }
        function check_email(email_id,err_id){
            emailRegExp = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.([a-z]){2,4})$/;
            var err_mail='Email không đúng!!';
            if(emailRegExp.test(document.getElementById(email_id).value)) return true;
            else{
                document.getElementById(err_id).innerHTML=err_mail;
                document.getElementById(email_id).focus();
                return false;
            }
        }
        function insert(element, code){
            element = document.getElementById(element);
            if (document.selection){
                element.focus();
                sel = document.selection.createRange();
                sel.text = sel.text;
            }
            else if (element.selectionStart || element.selectionStart == '0'){
                element.focus();
                var startPos = element.selectionStart;
                var endPos = element.selectionEnd;
                element.value = element.value.substring(0, startPos) + code+ element.	value.substring(endPos,
                        element.value.length);
            }
            else{
                element.value += code;
            }
        }
    </script>
    <script type="text/javascript">
    function hide(id){$("#"+id).hide();}
    function showSmiley(showID, hideID1, hideID2){
        $("#"+hideID1).hide('fast');$("#"+hideID2).hide('fast');
        $("#"+showID).show();
        parent.calcHeight('cmIframe');
    }
    </script>
    	
</head>
<body style="background: #252525;" onload="hide('cm-motion');">
            <?php
            foreach($comments as $comment):
                $html = parse_smile($searchArray, $replaceArray, $comment['content']);
            ?>
            <div class="cm_info">
                <div class="cm_img"><img src="<?php echo base_url(); ?>images/no-ava.png"/></div>
                <div class="cm_detail">
                    <div class="top">
                        <span class="tcm_tt"><i><?php echo $comment['name']; ?></i></span>
                        <span style="color: #555;font-size: 10px;"><?php echo $comment['time']; ?></span>
                    </div>
                    <div class="content_cm"><div><?php echo $html; ?></div></div>
                    <div class="bottom"><img src="<?php echo base_url();?>images/bottom.gif" alt=""></div>
                </div>
            </div>
            <?php
            endforeach;
            ?>

    <form action="<?php echo base_url(); ?>comment/addnew/video.html" method="post"/>
    <div id="cm-content">
        <div class="bg-comment" style="float: left;width: 96%;">
            <div class="cm-title">Ý kiến của bạn</div>
            <div class="cm_img"></div>
            <div class="wrapper-n-cm">
                <span>
                    <input type="text" size="30" name="name" value="Tên của bạn" id="name" onfocus="if(this.value=='Tên của bạn') this.value='';" onblur="if(this.value=='') this.value='Tên của bạn';">&nbsp;<span style="color: #000;">(*)</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="text" size="30" name="email" value="Email của bạn" id="email" onfocus="if(this.value=='Email của bạn') this.value='';" onblur="if(this.value=='') this.value='Email của bạn';">&nbsp;<span style="color: #000;">(*)</span>
                </span><br/>
                <span id="mess" class="mess"></span>
                <div class="n-cm-content">
                    <textarea name="editor-comment" id="editor-comment" style="border: none;" rows="5" cols="60" onfocus="if(this.value=='Mời bạn viết nhận xét') this.value='';" onblur="if(this.value=='') this.value='Mời bạn viết nhận xét';"/>Mời bạn viết nhận xét</textarea>
                    <div align="center" style="width: 100%;float: left;margin: 5px 5px 0 10px;" id="smiley">
                    <?php
                    for($i = 0; $i < 10 && $i < count($smileList); $i++):
                        $img = base_url().$smileList[$i]['path'];
                        $code = $smileList[$i]['text'];
                        echo "<div style='float:left;margin-right: 7px;cursor: pointer;'><img src=\"$img\" alt=\"$code\" onclick=\"insert('editor-comment', '$code')\"></div>";
                    endfor;
                    ?>
                    </div>
                    <?php
                    echo "<div style='float: left;'><span onclick=\"showSmiley('cm-motion', 'smiley', 'more-smiles');\" id=\"more-smiles\" style=\"color: #000308; cursor: pointer;\">Xem tất cả</span></div>";
                    ?>
                    <div id="cm-motion">
                    <?php
                    for($i = 0; $i < count($smileList); $i++):
                        $img = base_url().$smileList[$i]['path'];
                        $code = $smileList[$i]['text'];
                    ?>
                        <div style='float:left;margin-right: 7px;cursor: pointer;'>
                    <?php
                        echo "<img src=\"$img\" alt=\"$code\" onclick=\"insert('editor-comment', '$code')\">";
                    ?>
                    </div>
                    <?php
                    endfor;
                    ?>
                    </div>
                </div>
            </div>
            <div class="submit">
                <input type="hidden" name="id" value="<?php echo $movie_id; ?>" />
                <input type="submit" name="submit" id="a" value="Đăng" class="post" onclick="return checkComment();"/>
                <input type="reset" name="submit" id="b" value="Xóa" class="""/>
            </div>
        </div>
        <div style="float:left;clear: both; width: 96%;">
            <ol>
                <li>- Không "bóc tem"!</li>
                <li>- Không spam, quảng cáo!</li>
                <li>- Từ ngữ lịch sự, thể hiện là người có văn hóa!</li>
            </ol>
        </div>

    </div>
    </form>
</body>
</html>
